<template>
  <div class="container">
    <div id="bj">
      <van-nav-bar
        class="bj"
        title="信箱"
        left-text=""
        left-arrow
        @click-left="$router.back()"
      ></van-nav-bar>
    </div>
    <van-tabs
      v-model="active"
      color="#eee"
        background="#034FBE"
        title-inactive-color="#6895D8"
        title-active-color="#fff"
        line-width="10px"
        line-height="3px"
    >
      <van-tab title="状态" id="1">
        <div style="padding:10px 0;">暂时没有新消息哦~</div>
      </van-tab>
      <van-tab title="园区" id="2"></van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: '1',
    };
  },
};
</script>


<style scoped>
.container .bj {
  background-color: #034fbe; }
  .container .bj ::v-deep .van-nav-bar__title {
    color: #fff; }
  .container .bj ::v-deep .van-nav-bar__text {
    color: #fff; }
  .container .bj ::v-deep .van-nav-bar__arrow {
    color: #fff; }

.container ::v-deep .van-tabs__wrap {
  background-color: #034fbe; }

.container .van-hairline--bottom::after {
  border-bottom-width: 0px; }
</style>